<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <base th:href="|${#request.getContextPath()}/resources/|"/>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" href="css/base.css" type="text/css" />
    <link rel="stylesheet" href="css/shop_common.css" type="text/css" />
    <link rel="stylesheet" href="css/shop_header.css" type="text/css" />
    <link rel="stylesheet" href="css/shop_manager.css" type="text/css" />
    <script type="text/javascript" src="js/jquery.js" ></script>
    <script type="text/javascript" src="js/topNav.js" ></script>
    <script type="text/javascript" src="js/shop_goods.js" ></script>
    <script type="text/javascript" src="js/shopcart.js" ></script>
</head>
<body>
<!-- Header  -wll-2013/03/24 -->
<div class="shop_hd">
    <!-- Header TopNav -->
    <div class="shop_hd_topNav">
        <div class="shop_hd_topNav_all">
            <!-- Header TopNav Left -->
            <div class="shop_hd_topNav_all_left">
                <p id="pid">
            </div>
            <!-- Header TopNav Left End -->

            <!-- Header TopNav Right -->
            <div class="shop_hd_topNav_all_right">
                <ul class="topNav_quick_menu">

                    <li>
                        <div class="topNav_menu">
                            <a href="#" class="topNavHover">我的商城<i></i></a>
                            <div class="topNav_menu_bd" style="display:none;" >
                                <ul>
                                    <li><a title="已买到的商品" target="_top" href="#">已买到的商品</a></li>
                                    <li><a title="个人主页" target="_top" href="#">个人主页</a></li>
                                    <li><a title="我的订单" target="_top" href="http://localhost:16666/order/list">我的订单</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="topNav_menu">
                            <a href="#" class="topNavHover">卖家中心<i></i></a>
                            <div class="topNav_menu_bd" style="display:none;">
                                <ul>
                                    <li><a title="已售出的商品" target="_top" href="#">已售出的商品</a></li>
                                    <li><a title="销售中的商品" target="_top" href="#">销售中的商品</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>

                    <li>
                        <!-- TODO 购物车展示列表 -->
                        <div class="topNav_menu">
                            <a href="http://localhost:16666/cart/showlist" class="topNavHover">购物车<b id="cartnumberid">0</b>种商品<i></i></a>
                            <div id="cartid" class="topNav_menu_bd" style="display:none;width: 300px; height: 400px">
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="topNav_menu">
                            <a href="#" class="topNavHover">我的收藏<i></i></a>
                            <div class="topNav_menu_bd" style="display:none;">
                                <ul>
                                    <li><a title="收藏的商品" target="_top" href="#">收藏的商品</a></li>
                                    <li><a title="收藏的店铺" target="_top" href="#">收藏的店铺</a></li>
                                </ul>
                            </div>
                        </div>
                    </li>

                    <li>
                        <div class="topNav_menu">
                            <a href="#">站内消息</a>
                        </div>
                    </li>

                </ul>
            </div>
            <!-- Header TopNav Right End -->
        </div>
        <div class="clear"></div>
    </div>
    <div class="clear"></div>
    <!-- Header TopNav End -->

    <!-- TopHeader Center -->
    <div class="shop_hd_header">
        <div class="shop_hd_header_logo"><h1 class="logo"><a href="/"><img src="images/logo.png" alt="ShopCZ" /></a><span>ShopCZ</span></h1></div>
        <div class="shop_hd_header_search">
            <ul class="shop_hd_header_search_tab">
                <li id="search" class="current">商品</li>
                <li id="shop_search">店铺</li>
            </ul>
            <div class="clear"></div>
            <div class="search_form">
                <form method="post" action="index.php">
                    <div class="search_formstyle">
                        <input type="text" class="search_form_text" name="search_content" value="搜索其实很简单！" />
                        <input type="submit" class="search_form_sub" name="secrch_submit" value="" title="搜索" />
                    </div>
                </form>
            </div>
            <div class="clear"></div>
            <div class="search_tag">
                <a>李宁</a>
                <a>耐克</a>
                <a>Kappa</a>
                <a>双肩包</a>
                <a>手提包</a>
            </div>

        </div>
    </div>
    <div class="clear"></div>
    <!-- TopHeader Center End -->

    <!-- Header Menu -->
    <div class="shop_hd_menu">
        <!-- 所有商品菜单 -->

        <div id="shop_hd_menu_all_category" class="shop_hd_menu_all_category"><!-- 首页去掉 id="shop_hd_menu_all_category" 加上clsss shop_hd_menu_hover -->
            <div class="shop_hd_menu_all_category_title"><h2 title="所有商品分类"><a href="javascript:void(0);">所有商品分类</a></h2><i></i></div>
            <div id="shop_hd_menu_all_category_hd" class="shop_hd_menu_all_category_hd">
                <ul class="shop_hd_menu_all_category_hd_menu clearfix">
                    <!-- 单个菜单项 -->
                    <li id="cat_1" class="">
                        <h3><a title="男女服装">男女服装</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="女装">女装</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="男装">男装</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <!-- 单个菜单项 End -->
                    <li id="cat_2" class="">
                        <h3><a title="鞋包配饰">鞋包配饰</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="鞋子">鞋子</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="包包">包包</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_3" class="">
                        <h3><a title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容">美容</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆">美妆</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_4" class="">
                        <h3><a title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容">美容</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆">美妆</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_5" class="">
                        <h3><a title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容">美容</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆">美妆</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>

                    <li id="cat_6" class="">
                        <h3><a title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容">美容</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆">美妆</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li id="cat_7" class="">
                        <h3><a title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容">美容</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆">美妆</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li id="cat_8" class="">
                        <h3><a title="美容美妆">美容美妆</a></h3>
                        <div id="cat_1_menu" class="cat_menu clearfix" style="">
                            <dl class="clearfix">
                                <dt><a href="美容">美容</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>

                            <dl class="clearfix">
                                <dt><a href="美妆">美妆</a></dt>
                                <dd>
                                    <a>风衣</a>
                                    <a>长袖连衣裙</a>
                                    <a>毛呢连衣裙</a>
                                    <a>半身裙</a>
                                    <a>小脚裤</a>
                                    <a>加绒打底裤</a>
                                    <a>牛仔裤</a>
                                    <a>打底衫</a>
                                    <a>情侣装</a>
                                    <a>棉衣</a>
                                    <a>毛呢大衣</a>
                                    <a>毛呢短裤</a>
                                </dd>
                            </dl>
                        </div>
                    </li>
                    <li class="more"><a>查看更多分类</a></li>
                </ul>
            </div>
        </div>
        <!-- 所有商品菜单 END -->

        <!-- 普通导航菜单 -->
        <ul class="shop_hd_menu_nav">
            <li class="current_link"><a><span>首页</span></a></li>
            <li class="link"><a><span>团购</span></a></li>
            <li class="link"><a><span>品牌</span></a></li>
            <li class="link"><a><span>优惠卷</span></a></li>
            <li class="link"><a><span>积分中心</span></a></li>
            <li class="link"><a><span>运动专场</span></a></li>
            <li class="link"><a><span>微商城</span></a></li>
        </ul>
        <!-- 普通导航菜单 End -->
    </div>
    <!-- Header Menu End -->

</div>
<div class="clear"></div>
<!-- 面包屑 注意首页没有 -->
<div class="shop_hd_breadcrumb">
    <strong>当前位置：</strong>
    <span>
			<a>首页</a>&nbsp;›&nbsp;
			<a>我的商城</a>&nbsp;›&nbsp;
			<a>已买到商品</a>
		</span>
</div>
<div class="clear"></div>
<!-- 面包屑 End -->

<!-- Header End -->

<!-- 我的个人中心 -->
<div class="shop_member_bd clearfix">
    <!-- 左边导航 -->
    <div class="shop_member_bd_left clearfix">

        <div class="shop_member_bd_left_pic">
            <a href="javascript:void(0);"><img src="images/avatar.png" /></a>
        </div>
        <div class="clear"></div>

        <dl>
            <dt>我的交易</dt>
            <dd><span><a>已购买商品</a></span></dd>
            <dd><span><a>我的收藏</a></span></dd>
            <dd><span><a>评价管理</a></span></dd>
        </dl>

        <dl>
            <dt>我的账户</dt>
            <dd><span><a>个人资料</a></span></dd>
            <dd><span><a>收货地址</a></span></dd>
        </dl>

    </div>
    <!-- 左边导航 End -->

    <!-- 右边购物列表 -->
    <div class="shop_member_bd_right clearfix">

        <div class="shop_meber_bd_good_lists clearfix">
            <div class="title"><h3>订单列表</h3></div>
            <table>
                <thead class="tab_title">
                <th style="width:410px;"><span>商品信息</span></th>
                <th style="width:100px;"><span>单价</span></th>
                <th style="width:80px;"><span>数量</span></th>
                <th style="width:100px;"><span>订单总价</span></th>
                <th style="width:115px;"><span>状态与操作</span></th>
                </thead>
                <tbody>

                <!-- tr->订单 -->
                <tr th:each="orders : ${ordersList}">
                    <td colspan="5">
                        <table class="good">
                            <thead >
                            <tr><th colspan="6">
                                <span><strong>订单号码：</strong><a th:text="${orders.orderid}">2013032905510051</a></span>
                            </th></tr>
                            </thead>
                            <tbody>
                            <!-- tr->订单详情 -->
                            <tr th:each="orderDetils,orderDetilsState : ${orders.orderDetils}">
                                <td class="dingdan_pic"><img th:src="${orderDetils.goods.fengmian}"
                                                             src="images/1dbc94fa0d60cba3990b89ccb01f82c2.jpg_tiny.jpg" /></td>
                                <td class="dingdan_title">
                                <span>
                                    <a th:text="${orderDetils.goods.subject}">李宁 lining 专柜正品 足球鞋 女式运动鞋【演示数据】</a>
                                </span>
                                </td>
                                <td class="dingdan_danjia" th:text="${#numbers.formatCurrency(orderDetils.price)}">￥<strong>25.00</strong></td>
                                <td class="dingdan_shuliang" th:text="${orderDetils.number}">1</td>
                                <!-- 订单总价 -->
                                <td class="dingdan_zongjia" th:if="${orderDetilsState.first}" th:rowspan="${#lists.size(orders.orderDetils)}" th:text="${#numbers.formatCurrency(orders.allprice)}">￥<strong>25.00</strong><br />(免运费)</td>
                                <!-- 订单总状态 -->
                                <td class="digndan_caozuo" th:if="${orderDetilsState.first}" th:rowspan="${#lists.size(orders.orderDetils)}" th:switch="${orders.status}">
                                    <a th:case="0">
                                        <input type="hidden" name="orderTime" th:alt="${orders.id}" th:value="${#dates.format(orders.createTime, 'yyyy-MM-dd HH:mm:ss')}"/>
                                        剩余时间 <span th:id="|time_${orders.id}|">00:00:00</span><br/><br/>
                                        待支付<br/><br/>
                                        <button th:onclick="|javascript:location.href='http://localhost:16666/pay/alipay?oid=${orders.id}'|">去支付</button>
                                    </a>
                                    <a th:case="1">已支付</a>
                                    <a th:case="2">待收货</a>
                                    <a th:case="3">已收货</a>
                                    <a th:case="4">已评价</a>
                                    <a th:case="5">已评价</a>
                                </td>
                            </tr>
                            </tbody>
                        </table>
                    </td>
                </tr>

                </tbody>
            </table>
        </div>
    </div>
    <!-- 右边购物列表 End -->
    <script>
        //设置浏览器页面监听
        document.addEventListener('visibilitychange',function(){ //浏览器切换事件
            if(document.visibilityState=='hidden') { //状态判断
                // console.log("隐藏了！！");
                //停止定时器
                clearTimeout(timeout);
            }else {
                // console.log("可见了！！");
                //同步服务器时间
                getServerNow();
                //调用倒计时方法 - 开启了定时器
                djs();
            }
        });
        //实现倒计时的方案
        //当前时间
        var now;//获得服务器的当前时间
        //开始倒计时
        var count = 0;//计数器
        //30分钟需要的毫秒是
        var mustMs = 1000 * 60 * 2;
        //定时器对象
        var timeout;
        function djs(){
            //获得所有未支付订单的下单时间
            var hiddens = $("input[type='hidden'][name='orderTime']");
            //循环所有的隐藏域，获得每个未支付订单的下单时间以及订单id
            hiddens.each(function(){
                //获得当前循环到的对象
                var orderTime = new Date($(this).val());//获得当前订单的下单时间
                var orderId = $(this).attr("alt");//获得当前订单的订单号
                //alert(orderId + " " + orderTime);
                //计算每个订单的倒计时
                var orderMs = now.getTime() - orderTime.getTime();//下单时间的毫秒数
                // console.log("当前时间：" + now + " 下单时间：" + orderTime + " 下单的耗时：" + orderMs);
                //距离支付结束剩余的毫秒数
                var djsms = mustMs - orderMs;
                // console.log("距离30分钟：" + djsms);
                if(djsms <= 0){
                    //刷新页面
                    // location.reload();
                } else {
                    //毫秒转小时 - parseInt取整数
                    var h = parseInt(djsms/1000/60/60);
                    //毫秒转分钟
                    var m = parseInt(djsms/1000/60%60);
                    //毫秒转秒
                    var s = parseInt(djsms/1000%60);
                    //当前订单距离支付结束的倒计时
                    var djsStr = formatTime(h) + ":" + formatTime(m) + ":" + formatTime(s);
                    $("#time_" + orderId).html(djsStr);
                }
            });
            //循环递归调用
            timeout = setTimeout(function () {
                if(count < 60){
                    //手动计算
                    //当前时间 + 1
                    now.setSeconds(now.getSeconds() + 1);
                    count++;
                } else {
                    //大概一分钟，主动同步服务器时间
                    getServerNow();
                    count = 0;
                }
                //一秒之后又调用一次倒计时方法
                djs();
            }, 1000);
        }
        //获得服务器的当前时间
        function getServerNow(){
            $.ajax({
                type:"POST",
                async:false,//设置当前ajax为同步请求
                url:"/miaosha/getNow",
                success:function(time){
                    now = new Date(time);
                }
            });
        }
        //处理时间格式，保证显示两位数
        function formatTime(ele){
            if(ele < 10){
                return "0" + ele;
            }
            return ele;
        }
        //页面加载后触发
        $(function(){
            //获得当前时间
            getServerNow();
            //开始倒计时
            djs();
        });
    </script>

</div>
<!-- 我的个人中心 End -->

<!-- Footer - wll - 2013/3/24 -->
<div class="clear"></div>
<div class="shop_footer">
    <div class="shop_footer_link">
        <p>
            <a>首页</a>|
            <a>招聘英才</a>|
            <a>广告合作</a>|
            <a>关于ShopCZ</a>|
            <a>关于我们</a>
        </p>
    </div>
    <div class="shop_footer_copy">
        <p>Copyright 2004-2013 itcast Inc.,All rights reserved.</p>
    </div>
</div>
<!-- Footer End -->
</body>
</html>